<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Transformador</title>
<title>Personal</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/main.css" media="screen">
<LINK REL="stylesheet" TYPE="text/css" HREF="themes/redmond/jquery.ui.theme.css">
<script src="js/jquery-1.8.2.js" language="JavaScript"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js" language="JavaScript"></script>
<script>
    $(function() {
        $( "input[type=button], button, main" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });
    });
</script>
<script type="text/javascript" language="javascript">
function agregar(usuario) {
	$("#info").html("");
	
	var codigo = $("#codigo").val();
	var capacidad = $("#capacidad").val();
	var tipo = $("#tipo").val();
	var tierra = $("#tierra").val();
	var direccion = $("#direccion").val();
	var latitud = $("#latitud").val();
	var longitud = $("#longitud").val();
	var altitud = $("#altitud").val();
	var cc_cantidad = $("#cc_cantidad").val();
	var cc_tecnologia = $("#cc_tecnologia").val();
	var pr_cantidad = $("#pr_cantidad").val();
	var pr_tecnologia = $("#pr_tecnologia").val();
	var tm_electronico = $("#tm_electronico").val();
	var tm_tps= $("#tm_tps").val();
	var tm_tcs = $("#tm_tcs").val();
	var notas = $("#notas").val();

	if (codigo == "" || capacidad == "" || tipo == "" || tierra =="" || direccion == "" || latitud == "" || longitud == "" || altitud == "") {
		$("#info").show();
		$("#info").html("Falta informacion para guardar el registro");
		return;
	}
	
	
		
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = true;
		$.post(
			"SrvTransformador",
			{
				operacion: "add",
				codigo : codigo,
				capacidad : capacidad,
				tipo : tipo,
				tierra : tierra,
				direccion : direccion,
				latitud : latitud,
				longitud : longitud,
				altitud : altitud,
				cc_cantidad : cc_cantidad,
				cc_tecnologia : cc_tecnologia,
				pr_cantidad : pr_cantidad,
				pr_tecnologia : pr_tecnologia,
				tm_electronico :tm_electronico,
				tm_tps : tm_tps,
				tm_tcs : tm_tcs,
				notas : notas,
				usuario: usuario
			},
			procesar
		
		);

}

function procesar(resultado) {
	var cmd = document.getElementById("cmd_agregar");
	cmd.disabled = false;
	if (resultado != 'OK') {
		$("#info").show();
		$("#info").html(resultado);
	}else {
		$("#info").show();
		$("#info").html("Transformador agregado correctamente").fadeOut(3000);
		list();
		limpiaForm($("#form1"));
	}
	
}

function list() {
	
}

function limpiaForm(miForm) {
	// recorremos todos los campos que tiene el formulario
	$(":input", miForm).each(function() {
	var type = this.type;
	var tag = this.tagName.toLowerCase();
	//limpiamos los valores de los campos…
	if (type == "text" || type == "password" || tag == "textarea")
		this.value = "";
		// excepto de los checkboxes y radios, le quitamos el checked
		// pero su valor no debe ser cambiado
	else if (type == "checkbox" || type == "radio")
		this.checked = false;
	// los selects le ponesmos el indice a -
	});
	}
</script>
</head>
<body>
<%@ include file="header.jsp" %>
<div class="main">
<h2>Transformadores</h2>
<div id="info"></div>
<form action="" method="POST" id="form1" name="form1">
<table>
	<tr>
		<th colspan="2">INFORMACION GENERAL</th>
	</tr>
	<tr>
		<td>Codigo</td>
		<td><input type="text" id="codigo" name="codigo"> </td>
	</tr>
	<tr>

		<td>Capacidad Nominal KVA</td>
		<td><input type="text" id="capacidad" name="capacidad" size="40"> </td>
	</tr>
	<tr>
		<td>Tipo</td>
		<td><select id="tipo" name="tipo">
			<option value="TRIFASICO">TRIFASICO</option>
			<option value="MONOFASICO">MONOFASICO</option>
		</select></td>
	</tr>
	<tr>
		<td>Tierra</td>
		<td><select id="tierra" name="tierra">
			<option value="BUENA">BUENA</option>
			<option value="MALA">MALA</option>
			<option value="NINGUNA">NINGUNA</option>
		</select></td>
	</tr>
	<tr>
		<th colspan="2">UBICACION</th>
	</tr>
	<tr>
		<td>Direccion</td>
		<td><input type="text" id="direccion" name="direccion"></td>
	</tr>
	<tr>
		<td>LATITUD</td>
		<td><input type="text" id="latitud" name="latitud"></td>
	</tr>
	<tr>
		<td>LONGITUD</td>
		<td><input type="text" id="longitud" name="longitud"></td>
	</tr>
	<tr>
		<td>ALTITUD</td>
		<td><input type="text" id="altitud" name="altitud"></td>
	</tr>

	<tr>
		<th colspan="2">CORTACIRCUITOS</th>
	</tr>
	
	<tr>
		<td>Cantidad</td>
		<td><input type="text" id="cc_cantidad" name="cc_cantidad"></td>
	</tr>
	<tr>
		<td>Tecnologia</td>
		<td><input type="text" id="cc_tecnologia" name="cc_tecnologia"></td>
		
	</tr>
	<tr>
		<th colspan="2">PARARAYOS</th>
	</tr>
	
	<tr>
		<td>Cantidad</td>
		<td><input type="text" id="pr_cantidad" name="pr_cantidad"></td>
	</tr>
	<tr>
		<td>Tecnologia</td>
		<td><input type="text" id="pr_tecnologia" name="pr_tecnologia"></td>
		
	</tr><tr>
		<th colspan="2">TIPOS DE MEDIDA</th>
	</tr>
	
	<tr>
		<td>Electronico</td>
		<td><select id="tm_electronico" name="tm_electronico">
			<option value="S">Si</option>
			<option value="N" selected>No</option>
		</select></td>
	</tr>
	<tr>
		<td>TP's</td>
		<td><select id="tm_tps" name="tm_tps">
			<option value="S">Si</option>
			<option value="N" selected >No</option>
		</select></td>
		
	</tr>	
	<tr>
		<td>TC's</td>
		<td><select id="tm_tcs" name="tm_tcs">
			<option value="S">Si</option>
			<option value="N" selected>No</option>
		</select></td>
	</tr>
	<tr>
		<th colspan="2">OBSERVACIONES</th>
	</tr>
	<tr>
		<td>Notas</td>
		<td><textarea name="notas" id="notas" rows=5 cols=40></textarea></td>
	</tr>	
	
		<tr>
			<td colspan="2"><input type="button" name="cmd_agregar" id="cmd_agregar" value="Agregar" onclick="javascript:agregar('<%= (String)session.getAttribute("usuario") %>')" class="button"></td>
		</tr>
</table>

</form>
<div id="list"></div>
</div>

	

</body>
</html>
